<template>
  <div class="text-container">
    {{ textContent }}
  </div>
</template>
<script setup>
defineOptions({
  name: 'TextCompontent',
  inheritAttrs: false
})

const props = defineProps({
  data: {
    type: Object
  }
})
const { data } = toRefs(props)

const textContent = computed(() => {
  return data.value.option?.content || '默认基本文字'
})
</script>
<style lang="scss" scoped>
.text-container{
  box-sizing: border-box;
  padding: 5px
}
</style>
